<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>delicacy</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/bootstrap-min.css">
    <link rel="stylesheet" href="css/delicacy.css">
    <link rel="icon" href="img/logo-icon.gif">
</head>
<body>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="js/jquery-1.12.4.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="js/bootstrap.min.js"></script>
<!--.col-xs-* 和 .col-md-*-->

<div id="header"></div>

<div class=" topimg">

    <div class=" fristhead">
        <img src="img/delicacy-img/head1.jpg" width="100%" alt="">

        <div class="meiwei">

            <img src="img/delicacy-img/meiwei.png" height="100%" alt="">
        </div>
    </div>


    <!--<div class="row">-->
    <!--<div class="col-md-9 col-md-push-3">.col-md-9 .col-md-push-3</div>-->
    <!--<div class="col-md-3 col-md-pull-9">.col-md-3 .col-md-pull-9</div>-->
    <!--</div>-->

</div>


<div class="features">
    <header class="head">

        <h2><span></span>本店特色<span></span></h2>
        <div>This store features</div>
    </header>


    <!--本店特色-->
    <div class="container">
        <div class="row">

            <div class="col-xs-12 col-md-6 img ">
                <img src="img/delicacy-img/feature1.png" width="100%" alt="">
            </div>
            <div class="col-xs-12 col-md-6 text1">
                <h2 class="h2">树莓巧克力慕斯</h2>
                <div></div>
                <p>
                    树莓不但营养丰富，而且它的功效也非常广泛呢。它能够治疗阳痿滑精和带浊不孕等病症。此外，它还能治疗肾虚，以及改善尿频以及遗尿的症状，它还能够起到明目的作用，对于须发早白也有一定的作用呢。</p>
            </div>

        </div>

        <div class="row nextrow">
            <div class="col-xs-12  col-md-6 text2 ">

                <h2>巧克力奶油夹心慕斯</h2>
                <div></div>
                <p>
                    巧克力可以缓解情绪。把巧克力放在嘴里，闭上眼睛细细的品着它的味道。心烦的事情真的可以抛到脑后不去想。其实巧克力里边本身就有一种可以缓解情绪的因素。所以巧克力成为了我生活必不可少的东西。</p>

            </div>
            <div class="col-xs-12  col-md-6 img ">
                <img src="img/delicacy-img/feature2.png" width="100%" alt="">
            </div>

        </div>


        <div class="row ">
            <div class="col-xs-12 col-md-6 img ">
                <img src="img/delicacy-img/feature3.png" width="100%" alt="">
            </div>
            <div class="col-xs-12 col-md-6 text1">
                <h2>水果巧克力红枣蛋糕</h2>
                <div></div>
                <p>红枣为常见的汤料和水果，为维生素含量高著称，有“天然维生素丸”的美誉。红枣还含有丰富的微量元素和芦丁等其他对人体有益的物质，营样价值高，有很好的滋补和美容的作用。</p>
            </div>

        </div>

        <div class="row nextrow">
            <div class="col-xs-12  col-md-6 text2 ">

                <h2>特色可可提拉米苏</h2>
                <div></div>
                <p>经常食用提拉米苏威化饼能促进青少年身体发育，提高机体免疫力，强健体魄。
                    好的提拉米苏威化饼色泽鲜艳，层次明显，滋味纯香甜美，口感蓬松嫩滑，保存期长，含有多种维生素、蛋白质、脂肪、营养丰富、热量较高。</p>

            </div>
            <div class="col-xs-12  col-md-6 img ">
                <img src="img/delicacy-img/feature4.png" width="100%" alt="">
            </div>

        </div>


    </div>
</div>

<!--精品糕点-->
<div class="pastry">
    <header class="head" id="gaodiao">
        <h2><span></span>精品糕点<span></span></h2>
        <div>Exquisite pastry</div>
    </header>


    <div class="container ">
        <div class="row ">
            <div class="col-xs-12  col-md-12 thefont">

                <ul class="kinds">
                    <span>商品：</span>
                    <li class="pink">全部</li>
                    <li data-kinds="zs">芝士系列</li>
                    <li data-kinds="qkl">巧克力系列</li>
                    <li data-kinds="npl">拿破仑</li>
                    <li data-kinds="px">选拼</li>
                </ul>


                <ul class="taste">
                    <span>口味：</span>
                    <li data-kinds="sg">水果</li>
                    <li data-kinds="zs">芝士</li>
                    <li data-kinds="qkl">巧克力</li>
                    <li data-kinds="xn">鲜奶</li>
                </ul>
            </div>
        </div>
        <div class="row goods">

            <!--<div class="col-xs-6  col-md-4 ">-->
            <!--<img src="img/delicacy-img/goods2.jpg" width="100%" alt="">-->
            <!--<h3>黑眼豆豆</h3>-->
            <!--<p class="p1">黑眼豆豆是店主最喜欢吃的一种......</p>-->

            <!--</div>-->
            <!--<div class="col-xs-6  col-md-4 ">-->
            <!--<img src="img/delicacy-img/goods3.png" width="100%" alt="">-->
            <!--<h3>奶油千层</h3>-->
            <!--<p class="p1">奶油千层的奶油是每天最新鲜的, ......</p>-->

            <!--</div>-->
            <!--<div class="col-xs-6  col-md-4 ">-->
            <!--<img src="img/delicacy-img/goods4.png" width="100%" alt="">-->
            <!--<h3>提拉米苏</h3>-->
            <!--<p class="p1">提拉米苏的由来很多人都知道，......</p>-->

            <!--</div>-->

            <!--<div class="col-xs-6  col-md-4 ">-->
            <!--<img src="img/delicacy-img/goods5.jpg" width="100%" alt="">-->
            <!--<h3>奥利奥小蛋糕</h3>-->
            <!--<p class="p1">奥利奥小蛋糕是小朋友们最喜欢......</p>-->

            <!--</div>-->
            <!--<div class="col-xs-6  col-md-4 ">-->
            <!--<img src="img/delicacy-img/goods6.png" width="100%" alt="">-->
            <!--<h3>少女慕斯</h3>-->
            <!--<p class="p1">少女慕斯是很多女孩最喜欢的西......</p>-->

            <!--</div>-->


        </div>
        <div class="row ">
            <div class="col-xs-12  col-md-12 navqh">

                <div class="pre-v">上一页</div>
                <ul id="navula">



                </ul>
                <div class="next-v">下一页</div>
            </div>

        </div>


    </div>
</div>


<div id="footer" style="margin-top: 40px"></div>
<script src="js/delicacy.js"></script>
<script>
    $("#header").load("header.html")
    $("#footer").load("footer.html")
</script>
</body>
</html>